<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>翔龙信息联网系统 - 登录</title>
	<link href="<c:url value='/css/login.css'/>" rel="stylesheet" type="text/css" />
	<link href="<c:url value='/css/divcss.css'/>" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="<c:url value="/css/main.css"/>" type="text/css" media="screen" />
        <link rel="stylesheet" href="<c:url value="/easyui/themes/default/easyui.css"/>" type="text/css" media="screen" />
        <link rel="stylesheet" href="<c:url value="/easyui/themes/icon.css"/>" type="text/css" media="screen" />        
        <script src="<c:url value="/easyui/jquery-1.4.4.min.js"/>"></script>
        <script src="<c:url value="/easyui/jquery.easyui.min.js"/>"></script>
        <script src="<c:url value="/easyui/locale/easyui-lang-zh_CN.js"/>"></script>
        <script type="text/javascript">
        function refresh() {   
    		var img = document.getElementById("img_code");   
    		img.src = '<c:url value="/home/identifycode"/>?r=' + Math.random();   
    	};
    	
    	$(function(){
    		if('${errors}'!=''){
    			
    			$.messager.show({
    				title:'登录失败',
    				msg:'<pre>${errors}</pre>',
    				showType:'fade',
    				style:{
    					right:'',
    					bottom:''
    				}
    			});
    		}
    	});
    	</script>
</head>
<body>
	<div id="login-container">
		
			<form id="login-form" action="<c:url value='/home/login'/>" method="post">
				
				<div id="Main" style="background:none">
	<div class="loginDiv">
    	<div class="loginForm">
        	<table class="myTb">            	
                <tr>
                	<td align="right" width="25%">用户名：</td>
                    <td align="left"><input class="inputCss1" name="username" type="text" value="" tabindex="1"/></td>
                </tr>
                <tr>
                	<td align="right">密&nbsp;&nbsp;码：</td>
                    <td align="left"><input class="inputCss1" name="password" type="password" value="" tabindex="2"/></td>
                </tr>
                <tr>
                	<td align="right"></td>
                    <td align="left">
                    <div style="float:left;">
                    <img title="单击刷新" alt="验证码" src="<c:url value="/home/identifycode"/>" id="img_code" style="cursor: pointer" onclick="refresh()"/>
                    </div>
                    <div style="float:left;padding:3px;">
                    <a href="javascript:refresh();" >看不清点我</a>
                    </div>
                    </td>
                </tr>
                <tr>
                	<td align="right">验证码：</td>
                    <td align="left"><input class="inputCss1" type="text" id="identifycode" name="identifycode" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" tabindex="3"></td>
                </tr>     
                <tr>
               	  <td align="right"></td>
                    <td align="left">
                    <input src="<c:url value='/css/images/loginBt.jpg'/>" type="image"></input>
                    </td>
                </tr>
            </table>
        </div>
        
    </div>
</div>

			</form>			
	</div>
    
</body>
</html>